*,
*:before,
*:after {
	box-sizing: border-box;
}

*:focus-visible {
	outline: none !important;
}

body {
	font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
	font-size: 14px;
	line-height: 1.15;
	width: 100vw;
	height: 100vh;
	color: #303133;
	background-color: #fff;
}

/* element样式重置 start */
/* 去掉input尾部上下小箭头 start */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	-o-appearance: none !important;
	-ms-appearance: none !important;
	appearance: none !important;
	margin: 0;
}

input[type='number'] {
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	-o-appearance: textfield;
	-ms-appearance: textfield;
	appearance: textfield;
}

a {
	color: mix(#fff, $--color-primary, 20%);
	text-decoration: none;

	&:focus,
	&:hover {
		color: $--color-primary;
		text-decoration: underline;
	}
}

img {
	vertical-align: middle;
}

#nprogress .bar {
	background: var(--el-color-primary) !important;
}

.el-table {
	width: 100%;
	height: 100%;
	&__body-wrapper {
		overflow-y: auto !important;
		height: calc(100% - var(--xw-table-line-height));
	}
	&__header-wrapper {
		th {
			color: #555;
			background-color: #f5f7fa !important;
		}
	}
}
.el-pagination {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
